<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document11111111111111111</title>
  </head>
  <body>
    
    <button onclick="fun()">添加一行</button>
    <table border="1">
      <tr>
        <td>12</td>
        <td>22</td>
        <td>33</td>
        <td><button onclick="fun()">删除</button></td>
      </tr>
      <tr>
        <td>12</td>
        <td>22</td>
        <td>33</td>
        <td><button onclick="fun()">删除</button></td>
      </tr>
      <tr>
        <td>12</td>
        <td>22</td>
        <td>33</td>
        <td><button onclick="fun()">删除</button></td>
      </tr>
      <tr>
        <td>12</td>
        <td>22</td>
        <td>33</td>
        <td><button onclick="fun()">删除</button></td>
      </tr>
    </table>
   <!-- <p>123456</p>
   <div
      class="con"
      id="username"
      onclick="fun()"
      nihao="你好"
    >
      <h1>我是h1</h1>
      <h2>我是h2</h2>
    </div><button onclick="fun()">点击</button> -->
  </body>
  <script>
    function fun() {
      var h4Obj = document.createElement('h4')
      h4Obj.innerHTML = '我是H4'
      var divObj = document.getElementsByTagName('div')[0]
      // divObj.replaceChild(h4Obj,divObj.childNodes[3]) //替换一个子节点 参数1 ：新节点 参数2： 老节点
      // console.log(divObj.attributes[4].nodeValue);  //获取节点的属性列表 和 指定的属性值
      // var res =  divObj.cloneNode() //克隆节点 不包含子节点
      //   console.log(divObj.firstChild) //第一个子节点
      // console.log(res);
      // console.log(divObj.hasAttribute('asd')) //检查对象是否有这个属性
      //console.log(divObj.lastChild) //最后一个子节点
      // console.log(divObj.nextSibling) //下一个兄弟节点
      // console.log(divObj.parentNode); //父节点
      // console.log(divObj.previousSibling); //上一个兄弟节点
      // divObj.removeChild(divObj.childNodes[3]) //删除一个子节点
      // divObj.insertBefore(h4Obj,divObj.childNodes[3]) //在指定子节点前面插入一个新节点 参数1：新节点 参数2：子节点
      // divObj.innerHTML = "<h1>随便</h1>" //解析html
      // divObj.innerText = "<h1>随便</h1>" //纯文本
      // divObj.setAttribute("nihao","大家好") //设置属性值
      // console.log(document.domain);  
      // console.log(document.lastModified);  
      // console.log(document.referrer);
      console.log(document.title);
      console.log(document.URL);
    }
    window.onload = function () {}
  </script>
</html>
